<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<!-- load Dojo -->
      <!--  script type="text/javascript" src="//localhost:8081/staticresources/javascriptlib/dojo/dojo/dojo.js"></script-->
      <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script>          
      <script data-dojo-config="async: true"></script>         

	<script>
	if(typeof(dojo) !== "undefined") {
		console.log("dojo loaded");
	}else{
		console.log("dojo did not loaded");
	}

    </script>

	<!--  script type="text/javascript" src="../resources/scripts/createArticle.js"></script-->
	<script type="text/javascript" src="<c:url value="/resources/scripts/footballblogApiClient.js" />"></script>
	<script type="text/javascript" src="<c:url value="/resources/scripts/getArticle.js" />"></script>
	
	<title>Get Article</title>
</head>
<body>

<jsp:include page="header.jsp"/>

<h1>
	Get Article!  
</h1>

<P>  The time on the server is ${serverTime}. </P>

<form id="articleInputForm">
	<ul>
		<li>
			Enter Article ID: <input type="text" id="articleId" size=36>
			<input type="button" id="formButton" form="articleInputForm" value="Get Article">
			<br><br><br>
		</li>
				
		<li>
			<table>
				<tr>
				<td><b>Author Id:</b></td> <td id="authorId"></td>
				</tr>
			</table>
			<br><br>
		</li>
		
		<li>
			<table>
				<tr>
				<td><b>Article Title:</b></td> <td id="articleTitle"></td>
				</tr>
			</table>	
			<br><br>
		</li>

		<li> 
			<table>
				<tr>
				<td><b>Article Date:</b></td> <td id="articleDate"></td>
				</tr>
			</table>
			<br><br>
		</li>

		<li>
			<table>
				<tr>
				<td><b>Article Content:</b></td> <td id="articleContent"></td>
				</tr>
			</table>
		</li>
	
	</ul>
</form>

</body>
</html>
